<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<style>
			#father{
				width:700px;
				height:790px;
				background-color:#9C0;
				margin:0 auto;
			}
			#top{
				width:700px;
				height:200px;
				background-color:#09C;
			}
			#left-1{
				width:180px;
				height:590px;
				float:left;
				background-color:#66F;
		   }
			#right-1{
				width:520px;
				height:590px;
				float:left;
				background-color:#C60;
			}
			#top-img{
			 	 height:120px;
		    }
		
		
			#top01{
			    float:left;
				width:100px;
				height:33px;
				text-align:center;
				line-height:22px;
			    background-image:url(img/button1.jpg)
		   }  
		   a{
			   text-decoration:none;
			   color:black;
			   font-size:10px;
			   
		   }
		   #left01{
			   background-color:#099;
			   height:120px;
			   
		   }
		   li{
			   list-style:none;
			   
		   }
		   #left002{
			   height:100%;
		   }
		
		
				
		</style>


	</head>

<body>
   		<div id="father">
<div id="top">
             		<div>
   					  <div id="top-img"><img src="img/banner.jpg" /></div>    
                            <div id="top1">
                   			<div id="top01"><a href="#">鲜花礼品</a></div>
                   			<div id="top01"><a href="#">自助订花</a></div>
                    		<div id="top01"><a href="#">绿色植物</a></div>
                   		    <div id="top01"><a href="#">花之物语</a></div>
                    		<div id="top01"><a href="#">会员中心</a></div>
                    		<div id="top01"><a href="#">联系我们</a></div>
                    		<div id="top01"><a href="#">支付方式</a></div>
              		</div></div>
  <div id="left-1">
                            <div id="left001"><img src="img/login.jpg"/>
                        <form action="#" method="post" name="frmLogin">
                    <ul>
                        <li>用户: <input name="txtUsername" type="text" class="txtStyle" />
                        </li>
                        <li>密码:
                            <input name="txtPwd" type="password" class="txtStyle" />
                        </li>
                        <li>
                            <input name="btnSubmit" type="button" value="登录" class="btnStyle" />
                            <input name="btnReg" type="button" value="注册" class="btnStyle" />
                            <a href="#">忘记密码</a></li>
                    </ul>
                </form>  
                          <div id="left002"></div>
                            
                            
                            
                            </div>        
                
                
                  </div>
  <div id="right-1">	
  				         <div id="right001"><img src="img/news.jpg" /><img src="img/news1.jpg"/><img src="img/news2.jpg"/><img src="img/news3.jpg"/></div>
  
  
  
  </div>
   	</div>
</body>
</html>
